<m-card>
  <ng-container card-head>
    <div class="d-flex justify-content-between align-items-center w-100">
      <span class="g-card-title">软件信息</span>
      <ng-content></ng-content>
    </div>
  </ng-container>
  <div class="d-flex">
    <div class="pr-3 mt-3">
      <img class="icon icon-lg" [src]="soft.icon" />
    </div>
    <div class="info">
      <div class="head row">
        <div class="col-6 col-lg-3">软件名称：{{ soft.name }}</div>
        <div class="col-6 col-lg-3">更新时间：{{ soft.upgrade_at | date }}</div>
      </div>
      <hr />
      <div class="body row">
        <div class="col-6 col-lg-4">软件包名：{{ soft.package_name }}</div>
        <div class="col-6 col-lg-4">软件架构：{{ soft.architecture }}</div>
        <div class="col-12">软件备注：{{ soft.remark }}</div>
      </div>
    </div>
  </div>
</m-card>
